<%--
  Created by IntelliJ IDEA.
  User: teacher
  Date: 2022/12/13
  Time: 15:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
    <script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
           $("img").click(function(){
              // 当修改图片src属性时,如果src属性值与原有的值一致,则不会刷新图片
               // 只有当新的值与原有的值不同时,才会刷新图片地址
              $(this).attr("src","<%=request.getContextPath()%>/show.code?id="+new Date().getTime());
           });
        });
    </script>
</head>
<body>
<h1>用户登录</h1>
<a href="<%=request.getContextPath()%>/session/register.jsp">注册</a>
<hr>
<form action="<%=request.getContextPath()%>/login.user" method="post">
    用户名:<input type="text" name="username"><br>
    密&nbsp;&nbsp;&nbsp;码:<input type="password" name="password"><br/>
    验证码:<input type="text" name="code">
    <a href="javascript:;">
        <img src="<%=request.getContextPath()%>/show.code" alt="验证码加载失败">
    </a>
    <br>
    <input type="submit" value="登录">
    <span style="color:red;">
        <%
            String loginMsg = (String) request.getAttribute("loginMsg");
            if(loginMsg != null){
                out.print(loginMsg);
            }
        %>
    </span>
</form>
</body>
</html>
